<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="OrcasThemes">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>Home</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="css/screen.css">
    <link rel="stylesheet" href="css/animation.css">
    <!--[if IE 7]>

    <![endif]-->
    <link rel="stylesheet" href="css/font-awesome.css">
    <!--[if lt IE 8]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection">
    <![endif]-->
    <link href="css/lity.css" rel="stylesheet">
</head>
<body>
<!-- HOME 1 -->
<div id="home1" class="container-fluid standard-bg">

    <!-- HEADER -->
    <div class="row header-top">
        <div class="col-lg-3 col-md-6 col-sm-5 col-xs-8">
            <a class="main-logo" href="#"><img src="img/main-logo.png" class="main-logo img-responsive" alt="Muvee Reviews" title="Muvee Reviews"></a>
        </div>
        <div class="col-lg-6 hidden-md text-center hidden-sm hidden-xs">
            <img src="img/banners/banner-sm.jpg" class="img-responsive"
                 alt="Muvee Reviews Video Magazine HTML5 Bootstrap">
        </div>
        <div class="col-lg-3 col-md-6 col-sm-7 hidden-xs">
            <div class="right-box">
                <button type="text" class="access-btn" data-toggle="modal" data-target="#enquirypopup">欢迎使用
                </button>
            </div>
        </div>
    </div>


    <!-- 菜单 -->
    <div class="row home-mega-menu ">
        <div class="col-md-12">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse"
                            data-target=".js-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse js-navbar-collapse megabg dropshd ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">主页</a></li>
                        <li><a href="single-video.html">热门影片</a></li>
                        <li><a href="single-page.html">最多观看</a></li>
                        <li><a href="single-page-with-img.html">分类展示</a></li>
                        <li><a href="gallery-video-boxed.html">个人中心</a></li>
                    </ul>
                    <div class="search-block">
                        <form>
                            <input type="search" placeholder="Search">
                        </form>
                    </div>
                </div>
                <!-- /.nav-collapse -->
            </nav>
        </div>
    </div>



    <!-- 左上方导航 -->
    <div class="row">
        <!-- SIDEBAR -->
        <div class="col-lg-2 col-md-4 hidden-sm hidden-xs">
            <aside class="dark-bg">
                <article>
                    <h2 class="icon"><i class="fa fa-flash" aria-hidden="true"></i>趋势</h2>
                    <ul class="sidebar-links">
                        <li class="fa fa-chevron-right"><a href="#">热门影片</a><span>4.000</span></li>
                        <li class="fa fa-chevron-right"><a href="#">最多观看</a><span>2.000</span></li>
                        <li class="fa fa-chevron-right"><a href="#">全部视频</a><span>4.000</span></li>
                        <li class="fa fa-chevron-right"><a href="#">VIP专享</a><span>7.800</span></li>
                    </ul>
                </article>

                <div class="clearfix spacer"></div>
                <article>
                    <h2 class="icon"><i class="fa fa-gears" aria-hidden="true"></i>分类</h2>
                    <ul class="sidebar-links">
                        <li class="fa fa-chevron-right"><a href="#">Lifestyle</a><span>4.000</span></li>
                        <li class="fa fa-chevron-right"><a href="#">World News</a><span>2.000</span></li>
                        <li class="fa fa-chevron-right"><a href="#">Funny videos</a><span>650</span></li>
                        <li class="fa fa-chevron-right"><a href="#">Hot Stories</a><span>4.000</span></li>
                        <li class="fa fa-chevron-right"><a href="#">Music Clips</a><span>7.800</span></li>
                        <li class="fa fa-chevron-right"><a href="#">Premier Trailers</a><span>200</span></li>
                    </ul>
                </article>
                <div class="clearfix spacer"></div>
            </aside>
        </div>


        <!-- HOME MAIN POSTS -->
        <div class="col-lg-10 col-md-8">
            <section id="home-main">
                <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>本站推荐</h2>
                <div class="row">
                    <!-- ARTICLES -->
                    <div class="col-lg-9 col-md-12 col-sm-12">
                        <div class="row auto-clear">
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="afterglow post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">Video Lightbox Test</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s2.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">I graduated from the university of Selfies</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s3.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">I don’t always surf the internet, but when I do,
                                                Eyebrows</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s4.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">A selfie a day keeps the friends away</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s5.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">Proof that I can do selfies better than you</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s6.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">I’m so fly right now</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s7.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">Help me! my duck face is stuck</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-lg-3 col-md-6 col-sm-4">
                                <!-- POST L size -->
                                <div class="post post-medium">
                                    <div class="thumbr">
                                        <a class="post-thumb" href="" data-lity>
                                            <span class="play-btn-border" title="Play"><i
                                                    class="fa fa-play-circle headline-round"
                                                    aria-hidden="true"></i></span>
                                            <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                            <img class="img-responsive" src="img/thumbs/thumb-s8.jpg" alt="#">
                                        </a>
                                    </div>
                                    <div class="infor">
                                        <h4>
                                            <a class="title" href="#">Does this selfie make me look fat</a>
                                        </h4>
                                        <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                              aria-hidden="true"></i>20.895</span>
                                        <div class="ratings">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-half"></i>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                        <div class="clearfix spacer"></div>
                    </div>
                    <!-- RIGHT ASIDE -->
                    <div class="col-lg-3 hidden-md col-sm-12 text-center top-sidebar">
                        <!-- SUBSCRIBE BOX -->
                        <div class="subscribe-box">
                            <h2 class="icon"><i class="fa fa-plug" aria-hidden="true"></i>subscribe</h2>
                            <!-- SUBSCRIBE FIELD -->
                            <form name="search-submit" method="post" action="#" id="subscribe-submit">
                                <fieldset class="search-fieldset">
                                    <input id="subscribe" type="text" name="search" size="12" class="search-field"
                                           placeholder="Your email address" value="">
                                    <button class="subscribe-btn" type="submit" title="Subscribe">Subscribe</button>
                                </fieldset>
                            </form>
                        </div>
                        <!-- SIDEBAR ADVERTISE BOX -->
                        <a href="" class="banner-l hidden-sm hidden-xs">
                            <img src="img/banners/banner-l.jpg" class="img-responsive"
                                 alt="Buy Now Muvee Reviews Bootstrap HTML5 Template"
                                 title="Buy Now Muvee Reviews Bootstrap HTML5 Template">
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>



<!-- TABS -->
<div id="tabs" class="container-fluid featured-bg">
    <div class="container-fluid">
        <div class="col-md-12">
            <!-- BOOTSTRAP TABS -->
            <div class="head-section">
                <ul class="nav nav-tabs text-center">
                    <li class="active">
                        <a data-toggle="tab" href="#tab1">
                            <h2 class="title">最近更新</h2>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#tab2">
                            <h2 class="title">最高评分</h2>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#tab3">
                            <h2 class="title">最多关注</h2>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="row auto-clear">
                <!-- TAB CONTENTS -->
                <div class="tab-content">
                    <div id="tab1" class="tab-pane fade in active">
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">With You, I forget all my problems. With You, Time Stands
                                        Still.</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab2.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">I’m not perfect but I am Loyal</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab3.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">When I fell for you, I fell Hard</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab4.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">If you are Mine, You are Mine. I don’t like Sharing</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab5.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">I love you. That’s all I know</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab6.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">It will be Always YOU</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div id="tab2" class="tab-pane fade">
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">With You, I forget all my problems. With You, Time Stands
                                        Still.</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab2.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">I’m not perfect but I am Loyal</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab3.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">When I fell for you, I fell Hard</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab4.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">If you are Mine, You are Mine. I don’t like Sharing</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab5.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">I love you. That’s all I know</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab6.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">It will be Always YOU</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div id="tab3" class="tab-pane fade">
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">With You, I forget all my problems. With You, Time Stands
                                        Still.</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab2.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">I’m not perfect but I am Loyal</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab3.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">When I fell for you, I fell Hard</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab4.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">If you are Mine, You are Mine. I don’t like Sharing</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab5.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">I love you. That’s all I know</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                        <!-- POST L size -->
                        <article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
                            <div class="thumbr">
                                <a class="post-thumb" href="" data-lity>
                                    <span class="play-btn-border" title="Play"><i
                                            class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                    <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
                                    <img class="img-responsive" src="img/thumbs/thumb-tab6.jpg" alt="#">
                                </a>
                            </div>
                            <div class="infor">
                                <h4>
                                    <a class="title" href="#">It will be Always YOU</a>
                                </h4>
                                <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up"
                                                                                      aria-hidden="true"></i>20.895</span>
                                <div class="ratings">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    <i class="fa fa-star-o"></i>
                                    <i class="fa fa-star-half"></i>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>





<!-- FOOTER -->
<div id="footer" class="container-fluid footer-background">
    <div class="container">
        <footer>
            <div class="row copyright-bottom text-center">
                <div class="col-md-12 text-center">
                    <a href="" class="footer-logo" title="Video Magazine Bootstrap HTML5 template">
                        <img src="img/footer-logo.png" class="img-responsive text-center"
                             alt="Video Magazine Bootstrap HTML5 template">
                    </a>
                    <p>Copyright &copy; 2017.Company name All rights reserved</a>
                    </p>
                </div>
            </div>
        </footer>
    </div>
</div>
<!-- JAVA SCRIPT -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.12.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/lity.js"></script>
<script>
    $(".nav .dropdown").hover(function () {
        $(this).find(".dropdown-toggle").dropdown("toggle");
    });
</script>



</body>
</html>
